<template>
    <div>

        <!-- 在组件中，使用v-for循环的话，一定要使用 key -->
        <!-- 将来，谁使用此 轮播图组件，谁为我们传递 lunbotuList -->
        <!-- 此时，lunbotuList 应该是 父组件向子组件传值来设置 -->
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in  lunbotuList" :key='item.id'>
                <img :src='item.img' alt='' :class="{full:isfull}">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>


<script>
export default {
    props:['lunbotuList','isfull']
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height: 200px;

    // .mint-swipe-item:nth-child(1) {
    //     background-color: #ffff80;
    // }

    // .mint-swipe-item:nth-child(2) {
    //     background-color: #00ff40;
    // }
    
    // .mint-swipe-item:nth-child(3) {
    //     background-color: #ff8080;
    // }

    .mint-swipe-item{
        text-align: center;

        img{
            // width: 100%;
            height: 100%;
        }
    }

    .full{
        width: 100%;
    }
}
</style>